<div id="sidebar"  class="nav-collapse ">
    <ul class="sidebar-menu" id="nav-accordion">

        <volist name="_menu" id="v1">
            <notempty name="v1.child">
                <li class="sub-menu">
                    <a href="javascript:;" >
                        <i class="fa {$v1.ico}"></i>
                        <span>{$v1.title}</span>
                    </a>
                    <ul class="sub">
                            <volist name="v1.child" id="v2">
                                <li><a  href="{:U($v2['url'])}">{$v2.title}</a></li>
                            </volist>
                    </ul>
                </li>
            <else/>
                <li>
                    <a  href="{:U($v1['url'])}">
                        <i class="fa {$v1.ico}"></i>
                        <span>{$v1.title}</span>
                    </a>
                </li>
            </notempty>
        </volist>

    </ul>
</div>